<html> <!-- -*-HTML-*- -->
<head>
  <title>Behold the tabbox!</title>
  <link type="text/css" href="tabbox2.css" rel="stylesheet"/>
</head>
<body>
<h1>Behold the tabbox!</h1>

<tabbox>
  <tab title="Foo">
    Recall the liftM family of functions which are used to lift
    non-monadic functions into a monad. Each monad transformer provides a
    lift function that is used to lift a monadic computation into a
    combined monad. Many transformers also provide a liftIO function,
    which is a version of lift that is optimized for lifting computations
    in the IO monad. To see this in action, we will continue to develop
    our previous example in the Continuation monad.
  </tab>
  <tab title="Bar">
    <img src="http://mars/blog/images/mt-logo.gif" />
  </tab>
  <tab title="Baz">
    Nada.
  </tab>
</tabbox>

<p>This is pretty cool!</p>

<tabbox>
  <tab title="General">
    Hello. This is general information!
  </tab>
  <tab title="Security">
    Recall the liftM family of functions which are used to lift
    non-monadic functions into a monad. Each monad transformer provides a
    lift function that is used to lift a monadic computation into a
    combined monad. Many transformers also provide a liftIO function,
    which is a version of lift that is optimized for lifting computations
    in the IO monad. To see this in action, we will continue to develop
    our previous example in the Continuation monad.
  </tab>
  <tab title="Privacy">
    <p>Tabboxes can be nested.</p>
    <tabbox id="ghent">
      <tab title="Foo">
        Recall the liftM family of functions which are used to lift
        non-monadic functions into a monad. Each monad transformer provides a
        lift function that is used to lift a monadic computation into a
        combined monad. Many transformers also provide a liftIO function,
        which is a version of lift that is optimized for lifting computations
        in the IO monad. To see this in action, we will continue to develop
        our previous example in the Continuation monad.

	<note><small>Note</small>
	  <full>As you can see, these widgets play nice with each other.</full>
	</note>

	<p>This is another paragraph.</p>
      </tab>
      <tab title="Bar">
        <img src="http://mars/blog/images/mt-logo.gif" />
      </tab>
      <tab title="Baz">
        Nada.
      </tab>
      Isn't that great?
    </tabbox>
  </tab>
</tabbox>

</body>
</html>